<template>
	<view class="ticket">
		<block v-for="(item,index) in ticket" :key="index">
			<view class="">
				<image :src="item.image"></image>
				<text>{{item.name}}</text>
			</view>
		</block>
	</view>
</template>

<script>
export default {
	name: 'ticket',
	data(){
		return{
			ticket:[{
				image:"https://gw.alicdn.com/tfs/TB1YQdSRNjaK1RjSZKzXXXVwXXa-230-230.png_110x10000.jpg_.webp",
				name:"天猫超市"
			},{
				image:"https://gw.alicdn.com/tfs/TB16TBsRFzqK1RjSZFoXXbfcXXa-230-230.png_110x10000.jpg_.webp",
				name:"天猫国际"
			},{
				image:"https://gw.alicdn.com/tfs/TB10z.3RzDpK1RjSZFrXXa78VXa-230-230.png_110x10000.jpg_.webp",
				name:"聚划算"
			},{
				image:"https://gw.alicdn.com/tfs/TB1yw1mRrvpK1RjSZFqXXcXUVXa-230-230.png_110x10000.jpg_.webp",
				name:"电器城"
			},{
				image:"https://gw.alicdn.com/tfs/TB1NTkrRXXXXXcKXpXXXXXXXXXX-230-230.png?avatar=1_110x10000.jpg_.webp",
				name:"分类"
			}]
		}
	}
};
</script>

<style scoped>
.ticket image {
	width: 90upx;
	height: 90upx;
}
.ticket>view{
	text-align: center;
}
.ticket {
	display: flex;
	justify-content: space-around;
	/* text-align: center; */
	margin: 30upx 0;
}
.ticket text{
	font-size: 30upx;
	display: block;
}
</style>
